<template>
<div >
	<Button  
	text="button" 
	></Button>

	<Button  
	type="reset"
	class="vue-btn vue-btn-blue"
	size="small"
	text="reset" 
	></Button>
	
	<Button  
	type="submit"
	class="vue-btn vue-btn-red"
	size="normal"
	text="submit" 
	></Button>
	
	<Button  
	type="button"
	class="vue-btn vue-btn-blue"
	size="normal"
	:loading="button.loading"
	text="loading" 
	@click="showLoading"
	></Button>

	<Button  
	type="button"
	class="vue-btn vue-btn-green"
	text="disabled" 
	disabled="disabled"
	></Button>
</div>
</template>

<script>
import Button from "components/button/button"

export default{
	data(){
		return{
			button: {
				loading: true
			}
		}
	},
	components: {
		Button
	},
	methods:{
		showLoading: function(){
			
		}
	}
}
</script>